import React, { Fragment } from 'react';
import { formatMessage } from 'umi/locale';
import Link from 'umi/link';
import { Icon, Layout, Menu, Row, Col } from 'antd';
import GlobalFooter from '@/components/GlobalFooter';
import SelectLang from '@/components/SelectLang';
import styles from './UserLayout.less';
import logo from '../assets/ho-logo@2x.svg';
import newLogo from '../assets/new-ho-logo.png';
const Header = Layout.Header;

const links = [
  {
    key: 'help',
    title: formatMessage({ id: 'layout.user.link.help' }),
    href: '',
  },
  {
    key: 'privacy',
    title: formatMessage({ id: 'layout.user.link.privacy' }),
    href: '',
  },
  {
    key: 'terms',
    title: formatMessage({ id: 'layout.user.link.terms' }),
    href: '',
  },
];

class UserLayout extends React.PureComponent {
  // @TODO title
  // getPageTitle() {
  //   const { routerData, location } = this.props;
  //   const { pathname } = location;
  //   let title = 'Ant Design Pro';
  //   if (routerData[pathname] && routerData[pathname].name) {
  //     title = `${routerData[pathname].name} - Ant Design Pro`;
  //   }
  //   return title;
  // }

  render() {
    const { children } = this.props;
    console.log(this)
    return (
      // @TODO <DocumentTitle title={this.getPageTitle()}>
      <div className={styles.container}>
        <div className={styles.lang}>
          <img src={newLogo} alt="" style={{ height: 68}}/>
        </div>
        
        <Row type="flex" align="middle" style={{ height: 600, width: '100%', margin: '0 auto',background:"#000018"}}>
          <Col className={styles["login-left"]}>
            
          </Col>
          <Col  className={styles["login-right"]}>
            {children}
          </Col>
        </Row>
        {/*<div className={styles.content}>*/}
        {/*<div className={styles.top}>*/}
        {/*<div className={styles.desc}></div>*/}
        {/*</div>*/}
        {/*{children}*/}
        {/*</div>*/}
      </div>
    );
  }
}

export default UserLayout;
